<template>
	<view class="botton-round" :style="{
	color:color,
	backgroundColor:backgroundColor,
	fontSize:fontSize,
	width:width,
	height:height,
	borderRadius:borderRadius}" @click="$emit('click')">
		{{name}}
	</view>
</template>

<script>
	export default {
		props:{
			name:String,
			backgroundColor:{
				type:String,
				default:'#C52B21'
			},
			borderRadius:{
				type:String,
				default:'30rpx'
			},
			color:{
				type:String,
				default:'#ffffff'
			},
			fontSize:{
				type:String,
				default:'16px'
			},
			width:String,
			height:String
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss">
	.botton-round{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6rpx 20rpx;
	}
</style>